<template>
	<view class="w-100 h110 bg-white circle54 f-b-c show0" >
		<view class="w-25 h110 f-c-c font28 ty-li" v-for="(item,index) in list" :key="item.code" @click="get_list(item)">
			<view :class="list_id == item.code?'t-0 font600':'t-8'">{{item.title}}</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:{},
			list_id:{}
		},
		methods:{
			get_list(val){
				this.$emit('get_change',val)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.ty-li{
		position: relative;
		&::after{
			content: '';
			width: 1rpx;
			height: 46rpx;
			background: #DFDFDF;
			top: 32rpx;
			position: absolute;
			right: 0;
		}
		&:last-child{
			&::after{
				width: 0;
			}
		}
	}
</style>
